$('#member-table').bootstrapTable({
    url: '/super/getMemberByCondition',         //请求后台的URL（*）
    method: 'get',                      //请求方式（*）
    toolbar: '#toolbar',                //工具按钮用哪个容器
    striped: true,                      //是否显示行间隔色
    cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
    pagination: true,                   //是否显示分页（*）
    sortable: false,                     //是否启用排序
    sortOrder: "asc",                   //排序方式
    queryParams: function (params) {
        params["stateId"] = $("#state").val();
        params["levelId"] = $("#level").val();
        params["name"] = $("#name").val();
        params["offset"] = params.offset;
        params["limit"] = params.limit;
        return params;
    },//传递参数（*）
    sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
    pageNumber: 1,                       //初始化加载第一页，默认第一页
    pageSize: 5,                       //每页的记录行数（*）
    pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）
    search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
    strictSearch: true,
    showColumns: true,                  //是否显示所有的列
    showRefresh: true,                  //是否显示刷新按钮
    minimumCountColumns: 2,             //最少允许的列数
    clickToSelect: true,                //是否启用点击选中行
    height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
    uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
    showToggle: true,                    //是否显示详细视图和列表视图的切换按钮
    cardView: false,                    //是否显示详细视图
    detailView: false,                   //是否显示父子表
    columns: [{
        field: 'id',
        title: '编号',
        align: "center"
    }, {
        field: 'account',
        title: '账号',
        align: "center"
    }, {
        field: 'name',
        title: '姓名',
        align: "center"
    }, {
        field: 'balance',
        title: '余额',
        align: "center"
    }, {
        field: 'phone',
        title: '手机号码',
        align: "center"
    }, {
        field: 'level',
        title: '等级',
        formatter: function (value, row, index) {
            return row.memberlevel.name;
        }
    }, {
        field: 'state',
        title: '状态',
        align: "center",
        formatter: function (value, row, index) {
            return row.state.name;
        }
    }, {
        field: 'identitycard',
        title: '身份证号',
        align: "center"
    }, {
        field: "operator",
        title: "操作",
        align: "center",
        formatter: function (value, row, index) {
            return "<a href='javascript:void(0);' onclick='openUpdateMember(" + row.id + ");'>修改</a>";
        }
    }]
});

/**
 * 修改会员表单提交
 */
function submitChangeMember() {
    $.post(
        "/super/submitChangeMember",
        $("#form-member").serialize(),
        function (data) {
            if (data.updates == 1) {
                swal("修改成功", "您成功修改了一名会员!", "success");
                $("#update-member-modal").modal("hide");
                refresh();
            } else {
                swal("修改失败", "修改失败，请重试!", "error");
                $("#update-member-modal").modal("hide");
                refresh();
            }
        }, "json"
    );
}

/**
 * 添加会员表单提交
 */
function submitAddMember() {
    $.post(
        "/super/submitAddMember",
        $("form").serialize(),
        function (data) {
            console.log(data);
            console.log(data.updates);
            if (data.updates == 1) {
                swal("添加成功", "您成功添加了一名会员!", "success");
                $("#add-member-modal").modal("hide");
                refresh();
            } else {
                swal("添加失败", "添加失败，请重试!", "error");
                $("#add-member-modal").modal("hide");
                refresh();
            }
        }, "json"
    );
}

/**
 * 打开修改会员模态框
 * @param memberId 会员编号
 */
function openUpdateMember(memberId) {
    $("#update-member-modal").modal("show");
    $("#update-member-modal .modal-body").load("/super/openUpdateMember.html", {"memberId": memberId});
}

/**
 * 表格刷新
 */
function refresh() {
    $("#member-table").bootstrapTable("refresh");
}

/**
 * 打开添加会员页面
 */
function openAddMember() {
    $("#add-member-modal").modal("show");
    $("#add-member-modal .modal-body").load("/super/openAddMember.html");
}